<style>
    .detail-container {
        position: relative;
        top:20px;
        margin: 0px 20px 0px 20px;
        padding-left: 10px;
        height: 100%;
        overflow: hidden;
    }

    .detail-container .item {
        border-radius: 5px;
        border: 1px solid #d4d4d4;
        overflow-x: hidden;

    }

</style>
<div class="detail-container" ng-swipe-left="next()" ng-swipe-right="prev()">
    <div class="row item text-center" style="background-color: #dae6f0; padding: 20px 5px 20px 5px">
        <img style="max-width:320px;width: 100%" ng-src="{{detail.image}}" ng-click="showOriginalImg()" />
    </div>
    <div class="row item" style="background-color: #ffffff;margin-top: 10px;padding: 10px 10px 10px 10px">
        <div class="row">
            事故情节：
        </div>
        <div class="row">
            {{detail.description}}
        </div>

    </div>

</div>
<div ng-if="showMask" class="mask" ng-click="showOriginalImg()" >
    <div class="text-center" style="padding:70px 10px 0px 10px " >
        <img  ng-src="{{array[curIndex].image}}"  style="max-width:100%;">
    </div>
</div>